<template>
  <div class="">
  <el-row :gutter="10">
    <el-col :span="18"><div class="grid-content bg-purple">
      <div class="slideDialog_item">
        <div class="slideDialog_s_group clear">
          <div class="slideDialog_s_item">任务发起时间<span class="date">2018-01-12  19:17</span></div>
          <div class="slideDialog_s_item">任务发起时间<span class="date">2018-01-12  19:17</span></div>
        </div>
        <div class="slideDialog_inlineLi">
          <ul>
            <li><label>发起人:</label><b>王小二</b></li>
            <li><label>部门:</label><b>运营部</b></li>
            <li><label>职位:</label><b>营运产品</b></li>
          </ul>
        </div>
      </div>
      <h3 class="slideDialog_title">任务内容</h3>
      <div class="slideDialog_item">
        我是任务内容
      </div>
      <h3>标题</h3>
      <div class="slideDialog_item">
        负责人:王小二
      </div>

    </div>
   </el-col>
    <el-col :span="6"><div class="grid-content bg-purple-light">
      <div class="slideDialog_item">
        任务发起时间
      </div>
      <div class="slideDialog_tabItem" @click="tabSwitch">
        <h5>2018-01-12  17：54</h5>
        <div class="slideDialog_item">
           <img width="34" height="34" src="http://img4.imgtn.bdimg.com/it/u=1121475478,2545730346&amp;fm=27&amp;gp=0.jpg" alt="" class="spic">
           <label class="name">bbq</label><span class="fun">审批人</span>
           <div class="">
             请尽快解决，该区域今日水泥使用收录对比
           </div>
        </div>
      </div>

      <div class="slideDialog_tabItem">
        <h5>2018-01-12  17：54</h5>
        <div class="slideDialog_item">
           <img width="34" height="34" src="http://img4.imgtn.bdimg.com/it/u=1121475478,2545730346&amp;fm=27&amp;gp=0.jpg" alt="" class="spic">
           <label class="name">bbq</label><span class="fun">审批人</span>
           <div class="">
             请尽快解决，该区域今日水泥使用收录对比
           </div>
        </div>
      </div>

      <div class="slideDialog_tabItem">
        <h5>2018-01-12  17：54</h5>
        <div class="slideDialog_item">
           <img width="34" height="34" src="http://img4.imgtn.bdimg.com/it/u=1121475478,2545730346&amp;fm=27&amp;gp=0.jpg" alt="" class="spic">
           <label class="name">bbq</label><span class="fun">审批人</span>
           <div class="">
             请尽快解决，该区域今日水泥使用收录对比
           </div>
        </div>
      </div>

    </div></el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  methods:{
    tabSwitch(){
      alert(3)
    }
  }
}
</script>
